<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本相关指令</title>
</head>
<body>
  <div>
    {{info}}<b>{{info}}</b>
    <p>{{info}}</p>
    <!-- 让元素的文本内容和变量进行绑定 -->
    <!-- 文本内容是加入任何内容都会原样显示 相当于innerText -->
    <p v-text="info"></p>
    <!-- 让元素的标签内容和变量进行绑定 -->
    <!-- 标签内容会按照HTML的标签语法展示内容 相当于innerHTML -->
    <p v-html="info"></p>
  </div>
  <script src="vue.min.js"></script>
  <script>
    let v = new Vue({
      el : "div", // 绑定页面中的DIV标签
      data : {
        info : "文本相关<b>加粗内容</b>"
      }
    });
  </script>
</body>
</html>